﻿<!DOCTYPE html>
<html lang="en">

	<head>

		<!-- Basic page needs
    ============================================ -->
		<title></title>
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="author" content="Magentech">
		<meta name="robots" content="index, follow" />

		<!-- Mobile specific metas
    ============================================ -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Favicon
    ============================================ -->
		<link rel="shortcut icon" type="image/png" href="ico/favicon-16x16.png">

		<!-- Libs CSS
    ============================================ -->
		<link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
		<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
		<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
		<link href="css/themecss/lib.css" rel="stylesheet">
		<link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
		<link href="js/minicolors/miniColors.css" rel="stylesheet">

		<!-- Theme CSS
    ============================================ -->
		<link href="css/themecss/so_searchpro.css" rel="stylesheet">
		<link href="css/themecss/so_megamenu.css" rel="stylesheet">
		<link href="css/themecss/so-categories.css" rel="stylesheet">
		<link href="css/themecss/so-listing-tabs.css" rel="stylesheet">
		<link href="css/themecss/so-category-slider.css" rel="stylesheet">
		<link href="css/themecss/so-newletter-popup.css" rel="stylesheet">

		<link href="css/footer/footer1.css" rel="stylesheet">
		<link href="css/header/header1.css" rel="stylesheet">
		<link id="color_scheme" href="css/theme.css" rel="stylesheet">
		<link href="css/responsive.css" rel="stylesheet">
		<link href="css/userCenter.css" rel="stylesheet">
		<style type="text/css">
			body {
				font-family: 'Poppins', sans-serif;
			}
		</style>

	</head>

	<body class="res layout-subpage layout-1 banners-effect-5 user-center-page">

		<div id="wrapper" class="wrapper-fluid">
			<!-- Header Container  -->
			<header id="header" class=" typeheader-1">

				<!-- Header Top -->
				<div class="header-top hidden-compact">
					<div class="container">
						<div class="row">
							<div class="header-top-left col-lg-7 col-md-8 col-sm-6 col-xs-4">
								<div class="hidden-md hidden-sm hidden-xs welcome-msg">欢迎来到超级市场！周末每天包装新的优惠/礼物--新的优惠券代码：<span>快乐2019</span> </div>
								<ul class="top-link list-inline hidden-lg ">
									<li class="account" id="my_account">
										<a href="#" title="My Account " class="btn-xs dropdown-toggle" data-toggle="dropdown"> <span class="hidden-xs">My Account </span> <span class="fa fa-caret-down"></span>
										</a>
										<ul class="dropdown-menu ">
											<li>
												<a href="#"><i class="fa fa-user"></i> 注册</a>
											</li>
											<li>
												<a href="#"><i class="fa fa-pencil-square-o"></i> 登录</a>
											</li>
										</ul>
									</li>
								</ul>
							</div>
							<div class="header-top-right collapsed-block col-lg-5 col-md-4 col-sm-6 col-xs-8">
								<ul class="top-link list-inline lang-curr">
									<li class="currency">
										<div class="btn-group currencies-block">
											<form action="index.html" method="post" enctype="multipart/form-data" id="currency">
												<a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
													<span class="icon icon-credit "></span>人民币<span class="fa fa-angle-down"></span>
												</a>
												<ul class="dropdown-menu btn-xs">
													<li>
														<a href="#">($)&nbsp;US Dollar </a>
													</li>
												</ul>
											</form>
										</div>
									</li>
									<li class="language">
										<div class="btn-group languages-block ">
											<form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
												<a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
													<img src="image/catalog/flags/cn.png" alt="English" title="English">
													<span class="">中文</span>
													<span class="fa fa-angle-down"></span>
												</a>
												<ul class="dropdown-menu">
													<li>
														<a href="index.html"><img class="image_flag" src="image/catalog/flags/gb.png" alt="English" title="English" /> English </a>
													</li>
												</ul>
											</form>
										</div>

									</li>
								</ul>

							</div>
						</div>
					</div>
				</div>
				<!-- //Header Top -->

				<!-- Header center -->
				<div class="header-middle">
					<div class="container">
						<div class="row">
							<!-- Logo -->
							<div class="navbar-logo col-lg-2 col-md-3 col-sm-4 col-xs-12">
								<div class="logo">
									<a href="index.html"><img src="image/catalog/logo.png" title="大米卷" alt="大米卷" /></a>
								</div>
							</div>
							<!-- //end Logo -->

							<!-- Search -->
							<div class="col-lg-7 col-md-6 col-sm-5">
								<div class="search-header-w">
									<div class="icon-search hidden-lg hidden-md hidden-sm"><i class="fa fa-search"></i></div>

									<div id="sosearchpro" class="sosearchpro-wrapper so-search ">
										<form method="GET" action="index.html">
											<div id="search0" class="search input-group form-group">
												<div class="select_category filter_type  icon-select hidden-sm hidden-xs">
													<select class="no-border" name="category_id">
														<option value="0">所有品类</option>
														<option value="78">家用电器</option>
														<option value="77">电脑/办公</option>
													</select>
												</div>

												<input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="输入想要搜索的关键词" name="search">

												<button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button>

											</div>
											<input type="hidden" name="route" value="product/search" />
										</form>
									</div>
								</div>
							</div>
							<!-- //end Search -->
							<div class="middle-right col-lg-3 col-md-3 col-sm-3">
								<!--cart-->
								<div class="shopping_cart">
									<div id="cart" class="btn-shopping-cart">

										<a data-loading-text="加载... " class="btn-group top_cart dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
											<div class="shopcart">
												<span class="icon-c">
					                                <i class="fa fa-shopping-bag"></i>
					                            </span>
												<div class="shopcart-inner">
													<p class="text-shopping-cart">
														购物车
													</p>
													<span class="total-shopping-cart cart-total-full">
			                                   			<span class="items_cart">02</span>
			                                   			<span class="items_cart2"> item(s)</span>
			                                   			<span class="items_carts">( $162.00 )</span>
													</span>
												</div>
											</div>
										</a>

										<ul class="dropdown-menu pull-right shoppingcart-box" role="menu">
											<li>
												<table class="table table-striped">
													<tbody>
														<tr>
															<td class="text-center" style="width:70px">
																<a href="product.html">
																	<img src="image/catalog/demo/product/80/1.jpg" style="width:70px" alt="Yutculpa ullamcon" title="Yutculpa ullamco" class="preview">
																</a>
															</td>
															<td class="text-left">
																<a class="cart_product_name" href="product.html">商品名称</a>
															</td>
															<td class="text-center">x1</td>
															<td class="text-center">$80.00</td>
															<td class="text-right">
																<a href="product.html" class="fa fa-edit"></a>
															</td>
															<td class="text-right">
																<a onclick="cart.remove('2');" class="fa fa-times fa-delete"></a>
															</td>
														</tr>
														<tr>
															<td class="text-center" style="width:70px">
																<a href="product.html">
																	<img src="image/catalog/demo/product/80/2.jpg" style="width:70px" alt="Xancetta bresao" title="Xancetta bresao" class="preview">
																</a>
															</td>
															<td class="text-left">
																<a class="cart_product_name" href="product.html">商品名称</a>
															</td>
															<td class="text-center">x1</td>
															<td class="text-center">$60.00</td>
															<td class="text-right">
																<a href="product.html" class="fa fa-edit"></a>
															</td>
															<td class="text-right">
																<a onclick="cart.remove('1');" class="fa fa-times fa-delete"></a>
															</td>
														</tr>
													</tbody>
												</table>
											</li>
											<li>
												<div>
													<table class="table table-bordered">
														<tbody>
															<tr>
																<td class="text-left"><strong>小计</strong>
																</td>
																<td class="text-right">$140.00</td>
															</tr>
															<tr>
																<td class="text-left"><strong>生态税 (-2.00)</strong>
																</td>
																<td class="text-right">$2.00</td>
															</tr>
															<tr>
																<td class="text-left"><strong>增值税(20%)</strong>
																</td>
																<td class="text-right">$20.00</td>
															</tr>
															<tr>
																<td class="text-left"><strong>总</strong>
																</td>
																<td class="text-right">$162.00</td>
															</tr>
														</tbody>
													</table>
													<p class="text-right">
														<a class="btn view-cart" href="#"><i class="fa fa-shopping-cart"></i>查看购物车</a>&nbsp;&nbsp;&nbsp;
														<a class="btn btn-mega checkout-cart" href="#"><i class="fa fa-share"></i>查看</a>
													</p>
												</div>
											</li>
										</ul>
									</div>

								</div>
								<!--//cart-->

								<ul class="wishlist-comp hidden-md hidden-sm hidden-xs">
									<li class="compare hidden-xs">
										<a href="#" class="top-link-compare" title="对比"><i class="fa fa-refresh"></i></a>
									</li>
									<li class="wishlist hidden-xs">
										<a href="#" id="wishlist-total" class="top-link-wishlist" title="收藏 (0) "><i class="fa fa-heart"></i></a>
									</li>
								</ul>

							</div>

						</div>

					</div>
				</div>
				<!-- //Header center -->

				<!-- Header Bottom -->
				<div class="header-bottom hidden-compact">
					<div class="container">
						<div class="row">

							<div class="bottom1 menu-vertical col-lg-2 col-md-3 col-sm-3">
								<div class="responsive so-megamenu megamenu-style-dev ">
									<div class="so-vertical-menu ">
										<nav class="navbar-default">

											<div class="container-megamenu vertical">
												<div id="menuHeading">
													<div class="megamenuToogle-wrapper">
														<div class="megamenuToogle-pattern">
															<div class="container">
																<div>
																	<span></span>
																	<span></span>
																	<span></span>
																</div>
																分类目录
															</div>
														</div>
													</div>
												</div>

												<div class="navbar-header">
													<button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle">      
		                                                <i class="fa fa-bars"></i>
		                                                <span>分类目录</span>
		                                            </button>
												</div>
											</div>
										</nav>
									</div>
								</div>

							</div>

							<!-- Main menu -->
							<div class="main-menu-w col-lg-10 col-md-9">
								<div class="responsive so-megamenu megamenu-style-dev">
									<nav class="navbar-default">
										<div class=" container-megamenu  horizontal open ">
											<div class="navbar-header">
												<button type="button" id="show-megamenu" data-toggle="collapse" class="navbar-toggle">
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
											</div>

											<div class="megamenu-wrapper">
												<span id="remove-megamenu" class="fa fa-times"></span>
												<div class="megamenu-pattern">
													<div class="container-mega">
														<ul class="megamenu" data-transition="slide" data-animationtime="250">
															<li class="home hover">
																<a href="index.html">首页</a>
															</li>
															<li class="with-sub-menu hover">
																<p class="close-menu"></p>
																<a href="#" class="clearfix">
																	<strong>优惠券</strong>
																</a>
															</li>
															<li class="with-sub-menu hover">
																<p class="close-menu"></p>
																<a href="#" class="clearfix">
																	<strong>闪购</strong>
																</a>
															</li>
															<li>
																<p class="close-menu"></p>
																<a href="#" class="clearfix">
																	<strong>通兑专区</strong>
																</a>
															</li>
															<li>
																<p class="close-menu"></p>
																<a href="#" class="clearfix">
																	<strong>礼包专区</strong>
																</a>
															</li>
														</ul>
													</div>
												</div>
											</div>
										</div>
									</nav>
								</div>
							</div>
							<!-- //end Main menu -->

							<div class="bottom3">
								<div class="telephone hidden-xs hidden-sm hidden-md">
									<ul class="blank">
										<li>
											<a href="#">跟进订单</a>
										</li>
									</ul>
								</div>
								<div class="signin-w hidden-md hidden-sm hidden-xs">
									<ul class="signin-link blank">
										<li class="log login">
											<a class="link-lg" href="#">登录 </a>&nbsp;&nbsp;&nbsp;
											<a href="#">注册</a>
										</li>
									</ul>
								</div>
							</div>

						</div>
					</div>

				</div>
			</header>
			<!-- //Header Container  -->

			<!-- Main Container  -->
			<div class="main-container container">
				<ul class="breadcrumb">
					<li>
						<a href="#"><i class="fa fa-home"></i></a>
					</li>
					<li>
						<a href="userCenter.html">个人中心</a>
					</li>
					<li>物流详情</li>

				</ul>

				<div class="row">

					<!--Left Part Start -->
					<aside class="col-sm-4 col-md-3 content-aside" id="column-left">
						<div class="module category-style">							
							<div class="modcontent">
								<div class="box-category">
									<ul class="list-group user-center-lenav">
										<li><a class="active" href="myOrder.html">我的订单</a></li>
										<li><a href="myAddress.html">地址管理</a></li>
										<li><a href="myAccount.html">账号信息</a></li>
										<li><a href="mySafe.html">账号安全</a></li>
									</ul>
								</div>
							</div>
						</div>						
					</aside>
					<!--Left Part End -->

					<!--Middle Part Start-->
					<div id="content" class="content-920">
						<div>
	                      <table class="table table-bordered user-order-list">
	                        <thead>
	                          <tr>
	                            <th class="text-left thtopbar">物流信息</th>
	                          </tr>
	                        </thead>
	                        <tbody>
	                          <tr>
	                            <td class="text-left">
	                            	<div class="level-line-pos-box">
				                      <ul class="level-line-pos wl-line-pos">
				                        <li class="wl-1 over"><span></span><u>待揽件</u></li>
				                        <li class="wl-2 over"><span></span><u>运输中</u></li>
				                        <li class="wl-3 over on"><span></span><u>派送中</u></li>
				                        <li class="wl-4"><span></span><u>已签收</u></li>
				                      </ul>
				                      <div class="clearfix"></div>
				                    </div>
				                    <div class="wl-info-table-con">
					                    <table class="table table-bordered user-order-list">
					                        <thead>
					                          <tr>
					                            <th class="text-left thtopbar">已发货</th>
					                          </tr>
					                        </thead>
					                        <tbody>
					                          <tr>
					                            <td class="text-left">
					                            	<p>2018-12-13 周四 15:13:34  &nbsp;&nbsp;&nbsp;  包裹正在等待揽收</p>
					                            </td>	                            
					                          </tr>
					                        </tbody>
					                    </table>
					                    <div class="clearfix"></div>
					                    <div class="wl-info-other">
					                    	<p>
					                    		运单号码：3706542841763 物流公司： 韵达快递 服电话：95546
					                    	</p>
					                    	<p>
					                    		卖家昵称： 帛旭旗舰店
					                    	</p>
					                    	<p>
					                    		发货地址： 福建省泉州市石狮市 灵秀镇八七路旺仔商厦502 362500 令狐晓冬18960311553
					                    	</p>
					                    	<p>
					                    		收货地址： 福建省厦门市思明区观音山  362300   李冰   135****4184
					                    	</p>
					                    </div>
				                    </div>

	                            </td>	                            
	                          </tr>
	                        </tbody>
	                      </table>
	                    </div>
	                    

						
					</div>
				</div>
			</div>
			<!--Middle Part End-->
		</div>
		<!-- //Main Container -->

		<!-- Footer Container -->
		<footer class="footer-container typefooter-1">
			<!-- Footer Top Container -->

			<div class="container">
				<div class="row footer-top">
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
						
					</div>
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
						<div class="module newsletter-footer1">
							<div class="newsletter">
								<div class="title-block">
									<div class="page-heading font-title">
										留下你的邮箱
									</div>
								</div>
								<div class="block_content">
									<form method="post" id="signup" name="signup" class="form-group form-inline signup send-mail">
										<div class="form-group">
											<div class="input-box">
												<input type="email" placeholder="" value="" class="form-control" id="txtemail" name="txtemail" size="55">
											</div>
											<div class="subcribe">
												<button class="btn btn-primary btn-default font-title" type="submit" onclick="return subscribe_newsletter();" name="submit">
                                            		提交
                                        		</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- /Footer Top Container -->

			<div class="footer-middle ">
				<div class="container">
					<div class="row">
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-infos">
							<div class="infos-footer">
								<a href="#"><img src="image/catalog/logo-footer.png" alt="image"></a>
								<ul class="menu">
									<li class="adres">
										公司地址：厦门市观音山台商总部大厦
									</li>
									<li class="phone">
										客服电话：4008-135268547
									</li>
									<li class="mail">
										传&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;真：4008-135268547
									</li>
									<li class="time">
										工作时间：9:00 ~ 17:00
									</li>
								</ul>
							</div>

						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
							<div class="box-information box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">信息</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">关于我们</a>
											</li>
											<li>
												<a href="#">传真</a>
											</li>
											<li>
												<a href="#">保修和服务</a>
											</li>
											<li>
												<a href="#">24小时支持</a>
											</li>
											<li>
												<a href="#">产品注册</a>
											</li>
											<li>
												<a href="#">产品支持</a>
											</li>
										</ul>
									</div>
								</div>
							</div>

						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
							<div class="box-account box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">我的帐户</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">品牌</a>
											</li>
											<li>
												<a href="#">礼券</a>
											</li>
											<li>
												<a href="#">机构</a>
											</li>
											<li>
												<a href="#">节目</a>
											</li>
											<li>
												<a href="#">保修和服务</a>
											</li>
											<li>
												<a href="#">自定义链接</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-clear">
							<div class="box-service box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">类别</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">活动与聚会用品</a>
											</li>
											<li>
												<a href="#">家居装修</a>
											</li>
											<li>
												<a href="#">灯与灯具</a>
											</li>
											<li>
												<a href="#">厨房和浴室</a>
											</li>
											<li>
												<a href="#">客户服务</a>
											</li>
											<li>
												<a href="#">厨房和餐厅</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
							<div class="box-service box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">服务</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">联系我们</a>
											</li>
											<li>
												<a href="#">退货</a>
											</li>
											<li>
												<a href="#">支持</a>
											</li>
											<li>
												<a href="#">站点</a>
											</li>
											<li>
												<a href="#">客服服务</a>
											</li>
											<li>
												<a href="#">自定义链接</a>
											</li>
										</ul>
									</div>
								</div>
							</div>

						</div>
						<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
							<div class="box-service box-footer">
								<div class="module clearfix">
									<h3 class="modtitle">类别</h3>
									<div class="modcontent">
										<ul class="menu">
											<li>
												<a href="#">活动与聚会用品</a>
											</li>
											<li>
												<a href="#">家居装修</a>
											</li>
											<li>
												<a href="#">灯与灯具</a>
											</li>
											<li>
												<a href="#">厨房和浴室</a>
											</li>
											<li>
												<a href="#">客户服务</a>
											</li>
											<li>
												<a href="#">厨房和餐厅</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="footer-b">
						<div class="bottom-cont">
							<a href="#"><img src="image/catalog/demo/payment/pay1.jpg" alt="image"></a>
							<ul class="footer-links">
								<li>
									<a href="#">关于我们</a>
								</li>
								<li>
									<a href="#">客户服务</a>
								</li>
								<li>
									<a href="#">隐私政策</a>
								</li>
								<li>
									<a href="#">网站地图</a>
								</li>
								<li>
									<a href="#">订货和退货</a>
								</li>
								<li>
									<a href="#">联系我们</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- Footer Bottom Container -->
			<div class="footer-bottom">
				<div class="container">
					<div class="col-lg-12 col-xs-12 payment-w">
						<img src="image/catalog/demo/payment/payment.png" alt="imgpayment">
					</div>
				</div>
				<div class="copyright-w">
					<div class="container">
						<div class="copyright">
							Copyright &copy; 2018.Company name All rights reserved.
						</div>
					</div>
				</div>
			</div>
			<!-- /Footer Bottom Container -->

			<!--Back To Top-->
			<div class="back-to-top"><i class="fa fa-angle-up"></i></div>
		</footer>
		<!-- //end Footer Container -->

		</div>

		<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
		<script type="text/javascript" src="js/slick-slider/slick.js"></script>
		<script type="text/javascript" src="js/themejs/libs.js"></script>
		<script type="text/javascript" src="js/unveil/jquery.unveil.js"></script>
		<script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script>
		<script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
		<script type="text/javascript" src="js/datetimepicker/moment.js"></script>
		<script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>

		<script type="text/javascript" src="js/themejs/application.js"></script>

	</body>

</html>